﻿<UserControl x:Class="DeltaGroup.WheelOfJeopardy.UI.Screens.ScreenTransition"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d">
	<UserControl.Resources>
        <Storyboard x:Key="wipeInStoryboard" Completed="wipeInStoryboard_Completed">
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle1">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="rectangle1">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="500"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="500"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle2">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="rectangle2">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="rectangle2">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="500"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="500"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="rectangle3">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="500"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="500"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Top)" Storyboard.TargetName="rectangle3">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle3">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle4">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="1"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="rectangle4">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="500"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="500"/>
        	</DoubleAnimationUsingKeyFrames>
		</Storyboard>
        <Storyboard x:Key="wipeOutStoryboard" Completed="wipeOutStoryboard_Completed">
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle1">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="1"/>
        		<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="rectangle1">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="500"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle2">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Left)" Storyboard.TargetName="rectangle2">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="500"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="rectangle2">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="500"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>			
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="rectangle3">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="500"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Canvas.Top)" Storyboard.TargetName="rectangle3">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="0"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="500"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle3">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle4">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="1"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="rectangle4">
        		<EasingDoubleKeyFrame KeyTime="0:0:0.0" Value="500"/>
				<EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>        	
			
		</Storyboard>
	</UserControl.Resources>
    <Canvas>

        <Rectangle x:Name="rectangle4" Fill="{StaticResource ScreenBackgroundBrushKey}" Width="0" 	Height="250" 	Canvas.Left="0"		Canvas.Top="250" 	Stroke="Black" RenderTransformOrigin="0,0" Opacity="0" />
        <Rectangle x:Name="rectangle3" Fill="{StaticResource ScreenBackgroundBrushKey}" Width="250" Height="0" 		Canvas.Left="250"	Canvas.Top="500" 	Stroke="Black" RenderTransformOrigin="0,0" Opacity="0" />
        <Rectangle x:Name="rectangle1" Fill="{StaticResource ScreenBackgroundBrushKey}" Width="250" Height="0" 		Canvas.Left="0"		Canvas.Top="0" 		Stroke="Black" RenderTransformOrigin="0,0" Opacity="0" />
        <Rectangle x:Name="rectangle2" Fill="{StaticResource ScreenBackgroundBrushKey}" Width="0" 	Height="250" 	Canvas.Left="500"	Canvas.Top="0" 		Stroke="Black" RenderTransformOrigin="0,0" Opacity="0" />
    </Canvas>
</UserControl>
